<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>跟踪备注</title>

</head>
<body>
<div class="">
    <input type="hidden" id="talentId" value="${id}"/>
    <div class="finan-tit">
        <b>跟踪备注记录</b>
    </div>
                <!--表格 end-->
    <div class="dataTables_wrapper no-footer">
        <!--表格 end-->
        <table class="cell-border crm-table columnsHidden" id="talentRecord">
            <thead>
            <tr>
                <th>序号</th>
                <th>操作类型</th>
                <th>操作人</th>
                <th>操作时间</th>
                <th>备注内容</th>
            </tr>
            </thead>
        </table>
    </div>
<!--生产节点备注记录 end-->

</div>
<div class="layui-tab-content">
        <div class="finan-tit">
            <b>跟踪备注</b>
        </div>
        <div class="production-list">
                <span class="form-label required">跟踪备注</span>
                <textarea class="textarea-style" rows="3" id="remark" name="remark" placeholder="500字以内" ></textarea>
        </div>
</div>
<script type="text/javascript">

    $(document).ready(function () {
        var talentId = '${id}';
        //初始化dataTable列表
     $('#talentRecord').dataTableExtend({
            "ajax": {
                "url": "${basePath}/zs/talent/record_list.do?talentId="+talentId,
                "type": "post"
            },
            pageLength: 10,
            "aoColumns": [
                {
                    "orderable": false,
                    "render": function (data, type, full, meta) {
                        return meta.row + 1;
                    }
                },
                {
                    "orderable": false,
                    "data": "operateType"
                },{
                    "orderable": false,
                    "data": "operateUserName"
                }, {
                    "orderable": false,
                    "data":"operateTime",
                    "render": function (data, type, row, meta) {
                        return data;
                    }
                }, {
                    "orderable": false,
                    "data": "operateText",
                    "render": function (data, type, row, meta) {
                       return "<div title='" + data + "' class='line2' style=\"max-width:120px;\">" + data + "</div>";
                    }
                }]
        });
        areaLength($('#remark'),500)
    });
</script>
</body>
</html>
